<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.map循环 ，可以循环且得到结果值 。
        // map ：映射 ，复制一份 ；
        // var arr = ["1","2","3","4"];

        // var mapArr =  arr.map(function(item,key,arr){
        //     console.log(item,key,arr);
        //     // return Number( item);
        //     return "$"+item+".00";
        // })
        // console.log(mapArr);

        // var arr2 = arr;
        // arr2[1] = "hello";
        // console.log(arr);

        // var arr2 = arr.map(function(item){
        //     return item;
        // })
        // // console.log(arr2);
        // arr2[1]  = "hello";
        // console.log(arr);


        // 2.mymap的实现 
        var arr = ["1", "2", "3", "4"];

        function mymap(cb, arr) {
            var resArr = [];
            for (var i = 0; i < arr.length; i++) {
                var res = cb(arr[i], i, arr);
                resArr.push(res);
            }

            return resArr;
        }

        var newarr = mymap(function (item, key, arr) {
            console.log(item, key, arr);
            return item;
        }, arr);
        console.log(newarr);



    </script>
</body>

</html>